﻿<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
        name="viewport">
  <meta content="yes" name="apple-mobile-web-app-capable"/>
  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
  <meta content="telephone=no" name="format-detection"/>
  <title>首页</title>
  <link rel="stylesheet" type="text/css" href="css/base.css">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script src="js/common.js"></script>
  <!--banner 脚本-->
  <script src="js/TouchSlide.1.1.js"></script>
  <script src="js/cookie.js"></script>
  <!--banner 脚本-->
  <script src="js/jquery.min.js"></script>


  <script>
$(function () {

  var u = getinfo()
  $("#uname").html(u.uname)

})



  </script>
</head>

<body>

<!--header-end-->

<div class="container" id="container">

  <div class="header-bot-item">
    <h2>观鸟记录中心</h2>
  </div>
  <!--Banner-->
  <div class="banner" id="index-banner">
    <div class="my-face">
      <div class="my-face-con">
        <div class="my-face-pic" ><img src="images/my-face-pic.jpg"></div>
      </div>
      <div>
        <div id="uname" style="color: white;font-size: 18px">用户名</div>
        <div style="color: grey;font-size: 16px">会员</div>
      </div>
      <div style="height: 50px;width: 50px;"></div>

    <div style="background:#20273A;height:9px"><br></div>
  </div>
  <li></li>
  <script type="text/javascript">
      TouchSlide({
          slideCell: "#index-banner",
          titCell: ".banner-tit li",//开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
          mainCell: ".banner-pics-list",
          effect: "left",
          autoPlay: true,//自动播放
          //autoPage:true, //自动分页
      })
  </script>
  <!--banner-end-->

  <!--家居安装开始-->
  <div class="ind-nav ind-nav1">
    <div class="ind-tit">
      <h2>2021年度数据</h2>
    </div>
    <div style="height:200px;background-color: #363F4E">
      <ul class="clearfix">
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/wyaz.png"></i><em>定点记报告</em></a></div>
        </li>
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/djaz.png"></i><em>随手记报告</em></a></div>
        </li>
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/dbaz.png"></i><em>定点记鸟种</em></a></div>
        </li>
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/ymaz.png"></i><em>随手记鸟种</em></a></div>
        </li>
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/jjaz.png"></i><em>总鸟种</em></a></div>
        </li>
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/qzaz.png"></i><em>我的活动</em></a></div>
        </li>
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/jjaz.png"></i><em>活跃天数</em></a></div>
        </li>
        <li class="ul2">
          <div><a href="floor-classification.html"><i><img src="images/qzaz.png"></i><em>足迹</em></a></div>
        </li>

      </ul>
    </div>

  </div>

<!--  <div class="ind-nav ind-nav1" style="height:300px;background-color: #363F4E">-->
<!--  </div>-->
  <!--家居安装结束-->

  <table class="birdList">
    <tr class="birdList-nav">
      <td>地区</td>
      <td>定点记鸟种</td>
      <td>随手记鸟种</td>
      <td>总鸟种</td>
    </tr>

  </table>
  <!--footer-->
  <footer class="footer" id="footer">
    <ul class="footnav box-flex">
      <li class="on"><a href="index.html" class="home"><i></i><span class="full-block">首页</span></a></li>
      <li><a href="worker-join.html" class="foot-worker"><i></i><span class="full-block">建记录</span></a></li>
      <li><a href="my-order.html" class="foot-order"><i></i><span class="full-block">活动列表</span></a></li>
      <li><a href="my.html" class="my"><i></i><span class="full-block">我的</span></a></li>
    </ul>
  </footer>
  <!--footer-end-->

</div>
</div>
</body>
</html>
